@charset "UTF-8";
/**
 * 
 * @authors ZhangGuiLiang (xtkhgmyv@163.com)
 * @date    2019-12-05 20:45:52
 * @version $Id$
 */
	.head_title{
		display: none;
	}
/*电脑端*/

@media only screen and (min-width: 1200px) {
	/******************
			焦点图
	*******************/
	.swiper-index {
		width: 100%;
		height: 649px;
		margin-left: auto;
		margin-right: auto;
	}
	.swiper-slide{
		background-color: #fafafa;
		background-position: center top;
		background-repeat: no-repeat;
	}
	.swiper-index-1{
		background-image:url(/image/index_banner_pc1.jpg) ;
	}
	.swiper-index-2{
		background-image:url(/image/index_banner_pc2.jpg) ;
	}
	.swiper-index-3{
		background-image:url(/image/index_banner_pc3.jpg) ;
	}

	/******************
		index_box1
	*******************/
	.index_box1{
		width: 100%;
	}
	.index_box1_hd{
		background-color: #fbfbfb;
		float: left;
	}
	.index_box1_hd li{
		float: left;
		/*padding: 47px;*/
		padding: 50px 62px;
		cursor: pointer;
	}
	.index_box1_hd li:hover,
	.index_box1_hd li.current{
		background-color: #ececec;
	}
	.index_box1_hd .iconfont{
		font-size: 80px;
		width: 80px;
		height: 80px;
		margin: auto;
		text-align: center;
		color: #c4aa94;
	}
	.index_box1_hd span{
		display: block;
		text-align: center;
	}
	.index_box1_hd_cn{
		font-size: 14px;
		padding-top: 20px;
		font-weight: bold;
	}
	.index_box1_hd span.index_box1_hd_en{
		font-size: 12px;
		color: #999999;
		display: none;
	}
	.index_box1_down{
		padding-top: 40px;
		position: relative;
	}

	.index_box1_lf{
		padding-top: 20px;
	}
	.index_box1_tit_en{
		font-size: 40px;
		font-family: "Aria","宋体";
		font-weight: bold;
		text-transform:uppercase;
		position: relative;
		padding: 10px 0;
		display: none;
	}
	.index_box1_tit_en:before,
	.index_box1_tit_en:after{
	    content: " ";
	    position: absolute;
	    left: 0px;
	    width: 15px;
	    height: 2px;
	    background: #000;
	}
	.index_box1_tit_en:before{
		bottom: 0px;
	}
	.index_box1_tit_en:after{
	    top: 0px;
	}
	.index_box1_tit_cn{
		font-size: 36px;
		/*padding: 27px 0;*/
		padding-bottom: 27px;
		font-family: monospace;
	}
	.index_box1_info{
		width: 340px;
		/*font-family: monospace;*/
		line-height: 2;
		min-height: 180px;
		font-size: 18px;
	}
	.index_box1_lf .more {
	    clear: both;
	    float: right;
	    font-size: 16px;
	    color: #fff;
	    background-color: #ffa100;
	    padding: 3px 20px;
	    margin-top: 30px;
	    border-radius: 30px;
	}
	.index_box1_ri{
		float: right;
		padding-top: 10px;
		position: relative;
	}

	/******************
		index_box2
	*******************/
	.index_box2_en{
		font-size: 40px;
		font-family: "Aria","宋体";
		font-weight: bold;
		text-transform:uppercase;
		position: relative;
		padding: 10px 0;
	}
	.index_box2{
		padding-top: 30px;
	}
	.index_box2_cn{
		font-size: 30px;
		padding-bottom: 30px;
	}
	.index_box2_lf{
		float: left;
		width: 529px;
		height: 416px;
	}
	.index_box2_ri{
		width: 495px;
		height: 416px;
		float: left;
		background-color: #323232;
		color: #fff;
	}
	.index_box2_ri .index_box2_en{
		padding-bottom: 20px;
	}
	.index_box2_ri_info{
		font-size: 18px;
		line-height: 1.5;
		padding-top: 75px;
		padding-left: 75px;
	}

	.index_box3{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.index_box3 .container{
		
		position: relative;

	}
	/******************
		index_box3
	*******************/
	.index_box3_lf{
		width: 545px;
		height: 404px;
		float: left;
	}
	.index_box3_ri{
		width:479px;
		float: left;
		background-color: #ededed;
	}
	.index_box3_cn{
		font-size: 30px;
		padding-bottom: 20px;
		position: relative;
	}
	.index_box3_ri_info{
		font-size: 18px;
		line-height: 1.8;
		height: 330px;
		overflow: hidden;
		padding:37px 65px;

	}

	/******************
		index_box4
	*******************/
	.index_box4{
		background-color: #ededed;
		padding: 40px 0;
	}
	.index_box4_lf{
		width: 475px;
		height: 450px;
		float: left;
	}

	.index_box4_ri{
		width:549px;
		height: 450px;
		float: left;
		background-color: #fff;
	}
	.index_box4_en{
		font-size: 28px;
		font-family: "Aria","宋体";
		font-weight: bold;
		text-transform:uppercase;
		padding: 10px 0;
		line-height: 1;
	}
	.index_box4_cn{
		font-size: 28px;
	}
	.index_box4_ri_info{
	    font-size: 18px;
	    line-height: 1.8;
	    height: 330px;
	    overflow: hidden;
	    padding: 59px 65px

	}
	/******************
		index_box5
	*******************/
	.index_box5{
		background-color: #fff;
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.index_box5 .container{
		position: relative;

	
	}
	.index_box5_lf{
		width:557px;

		float: left;

	}
	.index_box5_ri{
		width: 467px;

		float: right;
	}

	.index_box5_en{
		font-size: 28px;
		font-family: "Aria","宋体";
		font-weight: bold;
		text-transform:uppercase;
		padding: 10px 0;
		line-height: 1;
	}
	.index_box5_cn{
		font-size: 28px;
		padding-bottom: 20px;
	}
	.index_box5_lf_info{
	    font-size: 18px;
	    line-height: 2;
	    overflow: hidden;
	    padding-right: 200px;
	}
	/******************
		index_box6
	*******************/
	.index_box6{
		background-color: #ededed;
		padding-bottom: 20px;
	}

	.index_box6_en{
		font-size: 30px;
		font-family: "Aria",serif;
		font-weight: bold;
		text-transform:uppercase;
		padding-top: 50px;
		line-height: 1;
	}
	.index_box6_cn{
		font-size: 28px;
	}
	.index_box6_down,
	.index_box6_hd{
		width: 100%;
		float: left;
	}
	.index_box6_hd {
		padding-top: 20px
	}
	.index_box6_hd li{
		float: left;
		font-size: 18px;
		color: #000000;
		cursor: pointer;
		padding:10px 20px;
		border: 1px solid #7a7a7a;
		margin-right: 15px;
	}
	.index_box6_hd li:hover,
	.index_box6_hd li.current{
		background-color: #000000;
		color: #fff;
	}
	.index_box6_down{
		padding-top: 30px;
		height: 340px;
		position: relative;
	}
	.index_box6_list a.index_box6_down_lf{
		width: 424px;
		height: 283px;
		float:left;
		position: absolute;
		left: 0px;
		text-indent: -999em;
		background-size: 100% auto;
		background-color: #ddd;
		background-repeat: no-repeat;
	}
	.index_box6_list{
		padding-left: 50px;
		padding-top: 10px;
		width: 550px;
		float: right;

	}
	.index_box6_list li{
		width: 100%;
		float: left;
		font-size: 14px;
		color: #6b6b6b;
		height: 35px;
		line-height: 35px;
	}
	.index_box6_list a{
		color: #6b6b6b;
		width: 465px;
		overflow: hidden;
		height: 35px;
		float: left;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;

	}
	.index_box6_list span{
		float: right;
	}
	.index_box7{
		color: #000;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.index_box7 a{
		color: #000;
		padding-right: 5px;
	    padding-top: 5px;
    }
}
/*电脑以下设备*/
@media only screen and (max-width: 1199px) {
	.head_logo{
		display: block;
	}
	.head_history{
		display: none;
	}
	/******************
			焦点图
	*******************/
	.swiper-index {
		width: 100%;
		height: 7.5rem;
		float: left;
		margin-left: auto;
		margin-right: auto;
		background-color: #fafafa;
		background-position: center top;
		background-repeat: no-repeat;

	}
	.swiper-index .swiper-slide {
		background-size: 100% 7.5rem  !important;
	}
	@media only screen and (min-width: 1000px) {    
		/******************
				焦点图
		*******************/
		/*
		.swiper-index {
			height: 320px;
		}
		.swiper-index .swiper-slide{
			background-size: 100% auto !important;
		}
		*/
	}
	/******************
		index_box1
	*******************/
	.index_box1{
		width: 100%;
	}
	.index_box1_hd{
		width: 100%;
	}
	.index_box1_hd li{
		width: 20%;
		float:left;
		padding:0.5rem 0;
	}
	.index_box1_hd li:hover,
	.index_box1_hd li.current{
		background-color: rgba(0, 0, 0, 0.12);
	}
	.index_box1_hd .iconfont{
		font-size: 2.3rem;
		width: 2.3rem;
		height: 2.5rem;
		margin: auto;
		text-align: center;
		color: #c4aa94;
	}
	.index_box1_hd span{
		display: block;
		text-align: center;
	}
	.index_box1_hd span.index_box1_hd_cn{
		font-size: 0.55rem;
		/*padding-top: 0.5rem;*/
	}
	.index_box1_hd span.index_box1_hd_en{
		font-size: 0.5px;
		display: none;
		color: #999999;
		transform: scale(0.8);
	}
	
	.index_box1_down{
		padding-top: 10px;
		position: relative;
		/*background:url(/image/pc/greatlife.png) no-repeat 68% 10px;*/

	}

	.index_box1_lf{
		padding-top: 0.5rem;
		padding: 0 0.5rem;
		
	}
	.index_box1_tit_en{
		font-size: .75rem;
		font-family: "Aria","宋体";
		font-weight: bold;
		text-transform:uppercase;
		position: relative;
		padding: 0.25rem 0;
	}
	.index_box1_tit_en:before,
	.index_box1_tit_en:after{
	    content: " ";
	    position: absolute;
	    left: 0px;
	    width: 0.75rem;
	    height: 2px;
	    background: #000;
	}
	.index_box1_tit_en:before{
		bottom: 0px;
	}
	.index_box1_tit_en:after{
	    top: 0px;
	}
	.index_box1_tit_en .clear{
		width: 10px;
		display: inline-block;
	}
	.index_box1_tit_cn{
		font-size: .75rem;
		padding: 0.25rem 0;
		/*font-family: monospace;*/
	}
	.index_box1_info{
		width: 100%;
		/*font-family: monospace;*/
		line-height: 1.7;
		font-size: 0.6rem;
	}
	.index_box1_lf .more {
	    clear: both;
	    float: right;
	    font-size: .5rem;
	    color: #fff;
	    background-color: #ffa100;
	    padding: .2rem .8rem;
	    margin-top: .5rem;
	    border-radius: 10px;
	}
	.index_box1_ri{
		padding: 0.5rem;
		float: left;
		position: relative;
	}
	/******************
		index_box2
	*******************/
	.index_box2_en{
		font-size: .75rem;
		font-family: "Aria","宋体";
		font-weight: bold;
		text-transform:uppercase;
		position: relative;
		padding: 0.25rem 0;
	}
	.index_box2{

	}
	.index_box2_cn{
		font-size: .75rem;
		padding-bottom: 0.5rem;
	}
	.index_box2_lf img{
		width: 100%;
		float: left;
	}
	.index_box2_ri{
		padding: 0.5rem;
		color: #000;
		clear: both;
	}
	.index_box2_ri .index_box2_en{

	}
	.index_box2_ri_info{
		font-size: 0.6rem;
		line-height: 1.5;
	}

	/******************
		index_box3
	*******************/
	.index_box3_lf img{
		float: left;
	}
	.index_box3_ri{

		background-color: #ededed;
	}
	.index_box3_cn{
		font-size: 0.75rem;
		/*text-align: right;*/
	}
	.index_box3_ri_info{
		font-size: 0.6rem;
		line-height: 1.6;
		overflow: hidden;
		padding:10px;
	}
	.index_box3_en_2,
	.index_box3_en{
		display: none;

	}
	/******************
		index_box4
	*******************/
	.index_box4{
		background-color: #ededed;
		padding: 10px 0;
	}
	.index_box4 .clear{
		width: 10px;
		display: inline-block;
	}
	.index_box4_lf img,
	.index_box4_lf{
		float: left;
	}

	.index_box4_ri{
		float: right;
		background-color: #fff;
	}
	.index_box4_en{
		font-size: 0.75rem;
		font-family: "Aria","宋体";
		font-weight: bold;
		text-transform:uppercase;
		padding: 0.25rem 0;
		line-height: 1;
	}
	.index_box4_cn{
		font-size: 16px;
	}
	.index_box4_ri_info{
	    font-size: 14px;
	    line-height: 1.5;
	    overflow: hidden;
	    padding: 10px;
	}
	/******************
		index_box5
	*******************/
	.index_box5{
		background-color: #fff;

	}
	.index_box5 .container{



	}
	.index_box5_lf{
		float: left;
		width: 100%;
	}
	.index_box5_ri{
		float: right;
		width: 100%;
	}
	.index_box5_cn,.index_box5_en{
		text-align: left;
	}
	.index_box5_en{
		font-size: 0.75rem;
		font-family: "Aria","宋体";
		font-weight: bold;
		text-transform:uppercase;
		line-height: 1;
	}
	.index_box5_en .clear{
		width: 10px;
		display: inline-block;
	}
	.index_box5_cn{
		font-size: 0.75rem;
	}
	.index_box5_lf_info{
		padding: 10px;
		font-size: 0.6rem;
		line-height: 1.7;
		overflow: hidden;
	}
	/******************
		index_box6
	*******************/
	.index_box6{
		background-color: #ededed;
		/* padding-bottom: 0.5rem; */
	}

	.index_box6_en{
		font-size: 0.75rem;
		font-family: "Aria",serif;
		font-weight: bold;
		text-transform:uppercase;
		padding-top: 0.5rem;
		line-height: 1;
		padding-left: 0.5rem;
	}
	.index_box6_cn{
		font-size: 0.75rem;
		padding-left: 0.5rem;
	}
	.index_box6_down,
	.index_box6_hd{
		width: 100%;
		float: left;
	}
	.index_box6_hd {

		padding: 0.5rem 0.5rem 0.5rem;
	    width: 15rem;
	}
	.index_box6_hd li:nth-child(1){

	}
	.index_box6_hd li{
		float: left;
		font-size: 0.6rem;
		color: #000000;
		cursor: pointer;
		width: 3.6rem;
		text-align: center;
		padding: 0.3rem 0;
		/*padding: 0.3rem 0.5rem;*/
		border: 1px solid #7a7a7a;
	}
	.index_box6_hd li:hover,
	.index_box6_hd li.current{
		background-color: #000000;
		color: #fff;
	}
	.index_box6_down{
		padding-top: 0.5rem;
	}
	.index_box6_list a.index_box6_down_lf{

		float:left;
		text-indent: -999em;
		/*background-repeat: no-repeat;*/
		background-size: 100% auto;
		background-position: center;
	    width: 4.85rem;
	    float: left;
	    height: 2.525rem;
	    overflow: hidden;
	    border-radius: .5rem;
	    margin:0 0.5rem;

	}
	.index_box6_list{
		padding:0 0.5rem 0.5rem;
		width: 15rem;
		height: 11.25rem;
		float: left;
	}
	.index_box6_list li:nth-child(2){
		width: 9.15rem;
		height: 2.525rem;
	}
	.index_box6_list li:nth-child(2) a{
		display: inline-block;
		width: 100%;
		text-overflow: initial;
		white-space: inherit;
		overflow: auto;
		height: 2.3rem;
		line-height: 1.8;
	}
	.index_box6_list li:nth-child(3){
		padding-top: 0.3rem;
	}
	.index_box6_list li:nth-child(2) span{
		display: none;
	}
	.index_box6_list li{
		width: 100%;
		float: left;
		font-size: 0.6rem;
		color: #6b6b6b;
		height: 1.2rem;
		line-height: 1.2rem;
	}
	.index_box6_list a{
		color: #6b6b6b;
		width: 11rem;
		height: 1.3rem;
		float: left;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.index_box6_list span{
		float: right;
		width: 4rem;
		text-align: right;
	}
	.index_box7{
		display: none;
    }
}
.loading{
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    border: 2px solid #999;
    border-bottom-color: transparent;
    -webkit-animation: loading 0.75s linear infinite;
    animation: loading 0.75s linear infinite;

    margin: 6px;
    vertical-align: middle;
}
@-webkit-keyframes loading {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes loading {
    0% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(180deg); }
    100% { -webkit-transform: rotate(360deg); }
}
